<!doctype html>
<html>
	<head>
		<title>Nox2D - Base</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="../examples/global.css" media="screen,projection" />
		<script type="text/javascript" src="../javascripts/modernizr.js"></script>
	</head>
	<body>
		<header>
			<h1>Nox 2d - Base</h1>
			<p>let's go start!</p>
		</header>
		<div>
			<section>
				<p>You can choose between all functions and predefined genres:</p>
				<br />
				<ul>
					<li>Do you want to create a logic or strategy game? Use <a href="../javascripts/Nox/NoxCanvas.js" target="_blank">NoxCanvas.js</a></li>
					<li>Do you want to create a game with many of combinations? Use <a href="../javascripts/Nox/Nox.js" target="_blank">Nox.js</a></li>
					<li>And more ...</li>
				</ul>
				<br />
				<p>Do you ask what's different? It's simple less functions mean better size! Why have a functions which aren't used?!</p>
				<p class="smaller">At the future I want to create builder of combinations, if you want that now, <a href="mailto:lkrocek@gmail.com">write me</a> and I can do it faster.</p>
				<br />
				<p>For better trafic use compresed file, compresion can be make by YUI Compresor, Closure compiler, etc.</p>
				<br />
				<p>Now, let's open a html file in editor and at html <span>&lt;head&gt;</span> insert into <span>&lt;script type="text/javascript" src="javascripts/Nox.js"&gt;&lt;/script&gt;</span>. At the <span>&lt;body&gt;</span> section insert on properly place:</p>
				<br />
				<pre>&lt;body&gt;<br />&#9;...<br />&#9;&lt;canvas id="myCanvasId"&gt;&lt;/canvas&gt;<br />&#9;&lt;script type="text/javascript"&gt;<br />&#9;&#9;var n = new Nox('myCanvasId', 'jsonData/data.json');<br />&#9;&#9;n.start();<br />&#9;&lt;/script&gt;<br />&#9;...<br />&lt;/body&gt;</pre>
				<br />
				<p>Is it easy, right?</p>
				<p>Let's <a href="./licence.html">continue</a> to next step.</p>
				<br />
			</section>
			<section>
				<nav>
					<a href="../index.html">&lt;Back</a>
					<a href="../index.html">Home^</a>
					<a href="./licence.html">Next&gt;</a>
					<p class="right">Page 1/4</p>
				</nav>
			</section>
		</div>
	</body>
</html>